<template>
  <svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">
    <g id="Layer_1">
      <path
        stroke-width="30"
        fill="none"
        :stroke="props.strokeColor"
        filter="url(#svg_1_blur)"
        id="svg_1"
        d="m25.5,474.00003l230.5,-436.00003l230.5,436.00003l-460.99999,0z"
      />
    </g>
    <defs>
      <filter id="svg_1_blur">
        <feGaussianBlur stdDeviation="0.2" in="SourceGraphic" />
      </filter>
    </defs>
  </svg>
</template>
<script setup lang="ts">
import { defineProps } from "vue";
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text: String,
});
</script>
